<div class="row">
    <div class="col-lg-12">
        <h3 class="page-header">Danh sách quận huyện</h3>
    </div>
    <!-- /.col-lg-12 -->
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default">
             <div class="panel-heading">
                 <div class="row">
                     <div class="col-lg-10">
                        <a class="" href="<?php echo $this->url(array("action"=>"add")) ?>">Thêm quận huyện</a>
                     </div>
<!--                     <div class="col-lg-2">
                        <form method="POST" action="<?php echo $this->baseUrl()?>/admin/district/export">
                            <button class="btn btn-primary" id="submit">Xuất excel</button>   
                       </form>
                     </div>-->
                 </div>
            </div>
            <div class="panel-body">                
               
                <div class="table-reponsive">
                    <div id="jqxgrid">                        
                    </div>
                </div>
        </div>
    </div>
</div>
<script type="text/javascript">
 $(document).ready(function () {
            // prepare the data
            var source =
            {
                datatype: "json",
                datafields:
                [
                    { name: 'Id',type:'int'},
                    { name: 'DistrictCode', type: 'string' },           
                    { name: 'DistrictName', type: 'string' },
                    { name: 'ProvinceName', type: 'string' },
                    { name: 'Order', type: 'int' }
                ],
                url:'<?php echo $this->baseUrl() ?>/admin/District/service',
                sortcolumn: 'Order',
                sortdirection: 'asc'               
            };
         var dataAdapter = new $.jqx.dataAdapter(source, {
                loadComplete: function () {
                }
            });
            $("#jqxgrid").jqxGrid(
            {
                width: '100%',
                source: dataAdapter,  
                theme: 'bootstrap',
                pageable: true,
                showfilterrow: true,
                filterable: true,
                autoheight: true,
                sortable: true,
                altrows: true,
                enabletooltips: true,
                selectionmode: 'multiplecellsadvanced',
                columnsResize: true,
                rendergridrows: function (params) {
                    return params.data;
                },
                ready: function () {
                    $("#jqxgrid").jqxGrid('hideColumn', 'Id');
                },
                columns: [
                  {text:'Id',dataField:'Id',cellsalgin:'right',width:0},
                   { text: 'Mã quận huyện',editable: false, dataField: 'DistrictCode', width: '10%' },          
                  { text: 'Tên quận huyện',editable: false, dataField: 'DistrictName', width: '20%' },
                  { text: 'Tỉnh thành',editable: false, dataField: 'ProvinceName', width: '20%' },
                  { text: 'Thứ tự', editable: false, dataField: 'Order', width: '10%' },
                  {text: 'Xóa',filtertype: 'none',width:'20%', cellsalign: 'center', align: "center", columnType: 'none', editable: false, sortable: false, dataField: null, cellsrenderer: function (row) {
                          // render custom column.
                          editrow = row;
                          var dataRecord = $("#jqxgrid").jqxGrid('getrowdata',editrow);
                          var url= "<div style='overflow: hidden; text-overflow: ellipsis; padding-bottom: 2px; text-align: center; margin-right: 2px; margin-left: 4px; margin-top: 4px;'><a class='fa fa-trash-o fa-lg'";
                          url = url + "href='#' onclick='return jsdelete("+dataRecord.Id+")'></a></div>"
                          return url;
                      }
              },
              {text: 'Sửa',filtertype: 'none',width:'20%', cellsalign: 'right', align: "center", columnType: 'none', editable: false, sortable: false, dataField: null, cellsrenderer: function (row) {
                          // render custom column.
                          editrow = row;
                          var dataRecord = $("#jqxgrid").jqxGrid('getrowdata',editrow);
                          var url= "<div style='overflow: hidden; text-overflow: ellipsis; padding-bottom: 2px; text-align: center; margin-right: 2px; margin-left: 4px; margin-top: 4px;'><a class='fa fa-edit fa-lg'";
                          url = url + "href='<?php echo $this->baseUrl()?>/admin/district/edit/id/"+dataRecord.Id+"'></a></div>"
                          return url;
                      }
                          }
                ]
            });
            });
    </script>
    <script type="text/javascript">
        function jsdelete(id)
        {
            $.get("<?php echo $this->baseUrl() ?>/admin/district/confirmdelete/id/"+id,null,function(data){
                if(data>0)
                {
                    bootbox.alert("Hiện có "+data+" đại lý thuộc quận huyện này. Vui lòng chuyển các đại lý trên sang quận huyện khác trước!");
                    return false;
                }
                else 
                {
                    bootbox.confirm("Bạn có chắc muốn xoá quận huyện này không?",
                    function(result){
                        if(result == true)
                        {
                           return window.location = "<?php echo $this->baseUrl() ?>/admin/district/delete/id/"+id;
                        }
                    });
                }
            });
        }
    </script>